<template>
<!-- <input v-model="msg"> -->
{{ msg.name }}-{{ msg.age }}
<!-- {{geyao.name}} -->
 <button @click="handle">获取</button>
 <button @click="handlechange">赋值</button>
</template>
<script setup>
import { ref, shallowReactive, shallowReadonly, shallowRef,watchEffect,triggerRef,toRaw, reactive, markRaw } from 'vue'
const geyao = {
  name: 'geyao',
  age: 18
}
var number = markRaw(geyao)

var  msg = reactive(number)
function handle() {
    msg.name = 'fangfang'
}
function handlechange() {
  msg.age = 20
}


</script>
<style>


</style>